<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>getElementById 的使用</title>
    <script type="text/javascript">
        // 1. 先得到 h1 的dom 对象，通过 id 获取
        // 2. 对 h1 对应的dom对象操作即可
        function getValue() {//定义函数
        //myHeader 就是 dom 对象
        var myHeader = document.getElementById("myHeader");
        // alert(myHeader);//HTMLHeadingElement
        // myHeader.innerText 获取到 myHeader 的包含的文本// //看看 innerText , innerHTML
        alert(myHeader.innerText);
        }
        //动态绑定
        window.onload = function (){
            var myHeader = document.getElementById("myHeader");
            myHeader.onclick = function (){
                alert(myHeader.innerText)
            }
        }

    </script>
</head>
<body>
<h1 id="myHeader">小勤学DOM~</h1>
</body>
</html>


<!--document对象说明:-->
<!--1. 管理了所有的 html 文档内容-->
<!--2. 是一种树状结构的文档-->
<!--3. 有层级关系 在 dom 中把所有的标签 都 对象化-->
<!--4. 通过 document 可以访问所有的标签对象-->